<!doctype html>
<html lang="en">
    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable = no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <title>优客服 - 全渠道多媒体客服系统</title>
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico?t=1489245172651" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="keywords" content="ukefu,uckefu,优客服,优客,UC客服,在线客服,WebIM,问答系统,ASK">
        <meta name="description" content="优客问答社区系统是一个轻量级问答系统">
		<link rel="stylesheet" href="layui/css/layui.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/styles.css">
		<link rel="stylesheet" type="text/css" media="screen" href="css/ukefu.css">

	</head>
    
    <body class="opening hide-UI view-2D zoom-large data-close controls-close">
		<div class="layui-header header header-index">
		  <div class="layui-main">
			<a class="logo" href="/">
			  <img src="img/logo.png" alt="layui">
			</a>
			<ul class="layui-nav" lay-filter="">
			  <li class="layui-nav-item layui-this"><a href="http://112.74.54.80:90/">首页</a></li>
			  <li class="layui-nav-item"><a href="http://112.74.54.80:880/">产品演示</a></li>
			  </li>
			  <li class="layui-nav-item"><a href="http://112.74.54.80/">产品咨询</a></li>
			</ul>			
		  </div>
		</div>
        <div id="universe" class="scale-stretched">
            <div id="galaxy">
                <div id="solar-system" class="earth" style="top: -150px;">
                    <div id="mercury" class="orbit">
                        <div class="pos">
                            <div class="planet">
                                <dl class="infos">
                                    <dt>Mercury</dt>
                                    <dd>
                                        <span></span>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div id="venus" class="orbit">
                        <div class="pos">
                            <div class="planet">
                                <dl class="infos">
                                    <dt>Venus</dt>
                                    <dd>
                                        <span></span>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div id="earth" class="orbit">
                        <div class="pos">
                            <div class="orbit">
                                <div class="pos">
                                    <div class="moon"></div>
                                </div>
                            </div>
                            <div class="planet">
                                <dl class="infos">
                                    <dt>优客服</dt>
                                    <dd>
                                        <span></span>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div id="mars" class="orbit">
                        <div class="pos">
                            <div class="planet">
                                <dl class="infos">
                                    <dt>Mars</dt>
                                    <dd>
                                        <span></span>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div id="jupiter" class="orbit">
                        <div class="pos">
                            <div class="planet">
                                <dl class="infos">
                                    <dt>Jupiter</dt>
                                    <dd>
                                        <span></span>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div id="saturn" class="orbit">
                        <div class="pos">
                            <div class="planet">
                                <div class="ring"></div>
                                <dl class="infos">
                                    <dt>Saturn</dt>
                                    <dd>
                                        <span></span>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div id="uranus" class="orbit">
                        <div class="pos">
                            <div class="planet">
                                <dl class="infos">
                                    <dt>Uranus</dt>
                                    <dd>
                                        <span></span>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div id="neptune" class="orbit">
                        <div class="pos">
                            <div class="planet">
                                <dl class="infos">
                                    <dt>Neptune</dt>
                                    <dd>
                                        <span></span>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                    <div id="sun">
                        <dl class="infos">
                            <dt>Sun</dt>
                            <dd>
                                <span></span>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
			<div class="" style="position: absolute;bottom: 50px;width:100%;">
				<div id="sharpContainer">  
					<div class="blueborder text channel">
						接入渠道
					</div>
					<div class="greenborder text business">
						业务功能
					</div>
					<div class="goldborder text analyzer">
						数据分析
					</div>
					<div class="hex-div top-left">  
						<div class="sharp ">  
				  
						</div>
						<span class="iconfont hex bluefont">&#xe63e;</span>
						<div class="content bluefont">
							<i class="iconfont">&#xe614;</i>
							<div>语音/视频/短信/邮件</div>
						</div>
					</div>
					<div class="hex-div top">  
						<div class="sharp ">  
				  
						</div>
						<span class="iconfont hex bluefont">&#xe63e;</span>
						<div class="content bluefont">
							<i class="iconfont">&#xe63b;</i>
							<div>社交媒体/微信/微博</div>
						</div>
					</div>
					
					<div class="hex-div top-right">  
						<div class="sharp ">  
				  
						</div>
						<span class="iconfont hex bluefont">&#xe63e;</span>
						<div class="content bluefont">
							<i class="iconfont">&#xe7c2;</i>
							<div>在线客服/移动端接入</div>
						</div>
					</div>
					<div class="hex-div center">  
						<div class="sharp green"></div>
						<span class="iconfont hex greenfont">&#xe63e;</span>
						<div class="content greenfont">
							<i class="iconfont">&#xe626;</i>
							<div>知识库/智能机器人</div>
						</div>
					</div>  
					
					<div class="hex-div bottom">  
						<div class="sharp green">  
				  
						</div>
						<span class="iconfont hex greenfont">&#xe63e;</span>
						<div class="content greenfont">
							<i class="iconfont">&#xe628;</i>
							<div>多媒体弹屏/电话弹屏</div>
						</div>
					</div>
					<div class="hex-div bottom-left">  
						<div class="sharp green">  
				  
						</div>
						<span class="iconfont hex greenfont">&#xe63e;</span>
						<div class="content greenfont">
							<i class="iconfont">&#xe613;</i>
							<div>工单流转/客服支撑</div>
						</div>
					</div>
					<div class="hex-div bottom-right">  
						<div class="sharp gold">  
				  
						</div>
						<span class="iconfont hex goldfont">&#xe63e;</span>
						<div class="content goldfont">
							<i class="iconfont">&#xe60a;</i>
							<div>数据分析/业务报表</div>
						</div>
					</div>

					<div class="hex-div right-top">  
						<div class="sharp gold">  
				  
						</div>
						<span class="iconfont hex goldfont">&#xe63e;</span>
						<div class="content goldfont">
							<i class="iconfont">&#xe604;</i>
							<div>用户画像/客群分类</div>
						</div>
					</div>

					<div class="hex-div right-right">  
						<div class="sharp gold">  
				  
						</div>
						<span class="iconfont hex goldfont">&#xe63e;</span>
						<div class="content goldfont">
							<i class="iconfont">&#xe661;</i>
							<div>精准营销</div>
						</div>
					</div>
				</div>
			</div>
        </div>
        <script src="js/jquery-1.10.2.min.js"></script>
        <script src="js/prefixfree.min.js"></script>
        <script src="js/scripts.min.js"></script>
		<script src="layui/layui.js"></script>
		<script>
			layui.use('element', function(){
			  var element = layui.element();
			  
			  //…
			});
		</script>
    </body>

</html>